﻿.home {
    display: flex;
    flex-direction: column;
}
.home-head {
    background-image: url(../Image/bg_pic.png);
    width:100%;
    height:330px;
    background-size:cover;
    display:flex;
    flex-direction:row-reverse;
}

.home-logo {
    background-image: url(../Image/transparentBubble_white.png);
    height:330px;
    width:310px;
}

.home-message{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.home-message-newOrder,.home-message-newComment,.home-message-newServer{
    margin:30px 0 0 50px;
    width: 343px;
    height: 334px;
    box-shadow:1px 1px 1px 1px #DFF1F6;
}

    .home-message-newOrder:hover,.home-message-newComment:hover,.home-message-newServer:hover{
        box-shadow:1px 2px 2px 1px #DFF1F6;
        margin-top:29px;
    }
    
.wrap-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 41px;
    background-image: url(../Image/homedirection_water.png);
    width: 100%;
    background-size: cover;
}

.wrap-body ul{
    display:flex;
    flex-direction:column;
}

.pointer_blue{
    display:inline-block;
    margin:0 3px 0 5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#00c3f5;
}

.wrap-body>ul>li{
    margin:5px;
    width:95%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    vertical-align:bottom;
    cursor:pointer;
}

    .wrap-body > ul > li:hover {
        color: #F0CF4B;
    }
